<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典-首页</title>
<link href="${ctx}/styles/index.css" rel="stylesheet" type="text/css">

<#include '/baseHead.ftl'>
<!--首页主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<!--左边开始-->
	<div id="leftArea">
		
		<div class="bannerPanel_01">
			<div class="listField">
				<ul>
					<#list topFiveImageLists as topImage>
						<li <#if topImage_index == 0 >class="first"</#if>  id='imageli${(topImage_index)}'>
						<div class="mask" id="mask${(topImage_index)}" <#if topImage_index == 0>style='display:block'</#if>></div>
						<div class="img">
							<a href="${topImage.imageLink!}">
								<img src="${topImage.imagePath!}"<#if topImage_index == 0 > width="467" height="186"<#else>  width="233" height="186" </#if> alt="${topImage.imageTitle!}" >
							</a>
						</div>
						<div class="text" <#if topImage_index == 0>style='display:block'</#if>>
							<p><a href="${topImage.imageLink!}"></a>${topImage.imageTitle!}</p>
							<p class="name"><a href="${topImage.groupLink!}">${topImage.groupName!}</a></p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		
		<div class="groupPanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="${ctx}/forum/${cityNo}" title="更多">更多&gt;&gt;</a></p>
				<h1>小组热帖</h1>
			</div>
			<div class="listField">
				<ul>
					<#list fourHotTopicList as topic>
					<li>
						<div class="img"><a href="<@topicDetailLink topicId="${topic.topicId?c}" />"><img src="${topic.picview!}" width="130" height="130" alt=""></a></div>
						<div class="info">
							<h2><a href="<@topicDetailLink topicId="${topic.topicId?c}" />" >${topic.topicTitleAfterFilter!}</a></h2>
							<p class="text">${topic.topicContAfterFilter!}</p>
							<p class="group"><a href="<@groupDetailLink  groupId="${topic.fkGroupId?c}" />">${topic.groupName!}</a></p>
							<p class="name"><a href="<@userCenterLink memberId="${topic.fkCreateMemberId?c}" />">${topic.createMemberName!}</a></p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		
		<div class="recommendPanel_01" style="height:175px;">
			<div class="titleField titleType_01">
				<p class="more"><a href="${ctx}/group/${cityNo}" title="更多">更多&gt;&gt;</a></p>
				<h1>推荐小组</h1>
			</div>
			<div class="listField">
				<ul>
					<#list  sevenHotGroupList as group>
					<li>
						<div class="img"><a href="<@groupDetailLink groupId="${group.groupId?c}"  />" title="${group.groupName!}"><img src="${group.image!}" width="80" height="80" alt="我爱德黑兰"></a></div>
						<div class="text"><a href="<@groupDetailLink groupId="${group.groupId?c}" />" title="${group.groupName!}">${group.groupName!}</a></div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
	
	</div>
	<!--左边结束-->
	
	<!--右边开始-->
	<div id="rightArea">
		<#if isLogin>
			<#include  '/common/memberInfo.ftl' >
		<#else>
			<#include  '/common/rightMemberInfo.ftl' >
		</#if>
		<div class="acePanel_01">
			<div class="titleField titleType_01">
				<p class="more">
					<!--
					<a href="#" title="更多">更多&gt;&gt;</a>
					-->
				</p>
				<h1>活跃达人</h1>
			</div>
			<div class="listField">
				<ul>
					<#list memberList as member> 
					<li>
						<div class="img"><a href="<@userCenterLink memberId="${member.memberId}" />" title="点击查看用户信息"><img src="${member.headImage!}" width="60" height="60" align="${member.nickName!}"></a></div>
						<div class="info">
							<p class="num">${member.fansCount?c}人关注</p>
							<h2 class="name"><a href="<@userCenterLink memberId="${member.memberId}" />" title="用户信息">${member.nickName!}</a></h2>
							<p class="text" title="">${member.signature!}</p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		
		<div class="cityPanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="${ctx}/activity/${cityNo}" title="更多">更多&gt;&gt;</a></p>
				<h1>同城对碰</h1>
			</div>
			<div class="listField">
				<ul>
					<#list  threeActivityList as topic>
					<li>
						<div class="img"><a href="<@topicDetailLink topicId="${topic.topicId?c}" />" title="查看详细内容"><img src="${topic.picview!}" width="80" height="80" align="活动名"></a></div>
						<div class="info">
							<h2><a href="<@topicDetailLink topicId="${topic.topicId?c}" />" >${topic.topicTitleAfterFilter!}</a></h2>
							<p class="num">${topic.jionActivityMemberCount}人参加</p>
							<p class="group"><a href="<@groupDetailLink  groupId="${topic.fkGroupId?c}" />" title="小组信息">${topic.groupName!}</a></p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		<!-- 右下方2个广告位-->
		<div class="advPanel_01">
			<#list rightbottomImageList as rightBottomImage>
					<a href="${rightBottomImage.link!}" target='_blank' <#if rightBottomImage.isshowimagetitle?exists  && rightBottomImage.imagetitle!=''>
									title = '${rightBottomImage.imagetitle!}'
							</#if>>
						<img src="${rightBottomImage.imagepath!}" width="263" height="70" alt="  "  >
					</a>
			</#list>
		</div>
	</div>
	
</div>
<!--右边结束-->
		<div class="linkPanel_02" style="text-align:center">
		 <p>在线会员 - 总计 <em>1652</em> 人在线 - <em>432</em> 会员、<em>1220</em> 位游客- 最高记录是 <em>5612</em> 于 2013-4-5</p>
		<!--
		<div class="linkField">
			<a href="#" class="link"><img src="${ctx}/images/pic_link_01.jpg" width="172" height="70" alt="驾车宝典"></a>
			<a href="#" class="link" title="点击下载"><img src="${ctx}/images/pic_link_02.jpg" width="172" height="70" alt="踏客社区 手机客户端"></a>
			<a href="#" class="link" title="关注我们"><img src="${ctx}/images/pic_link_03.jpg" width="172" height="70" alt="新浪微博"></a>
			<a href="#" class="link" title="关注我们"><img src="${ctx}/images/pic_link_04.jpg" width="172" height="70" alt="腾讯微博"></a>
			<span title="扫一扫"><img src="${ctx}/images/pic_link_05.jpg" width="172" height="70" alt="微信公众账号 交通广播驾车宝典"></span>
		</div>
		-->
	</div>
	</section>
<!--首页主要部分结束-->
<#include '/baseFoot.ftl'>
<script>
	 
</script>
<script type="text/javascript" src="${ctx}/scripts/index.js"></script>
<script>autoEqHeight = false;</script>s
</body>
</html>